<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
  	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  	<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
  	<meta name="apple-mobile-web-app-capable" content="yes">
  	<meta name="format-detection" content="telephone=no">
	<title>登陆 - Blog</title>
	<link rel="stylesheet" href="./static/layui/css/layui.css">
	<link rel="stylesheet" href="./static/css/common.css">
	<link rel="stylesheet" href="./static/css/login.css">
</head>
<body>
	<div class="layui-container">
		<div class="layui-row">
			<div class="layui-col-md4 layui-col-md-offset4 login-main">
				<img src="./static/images/logo.png" class="logo">
				<div class="main formbox">
					<form action="" id="loginData" method="post" accept-charset="utf-8" class="layui-form" autocomplete="on">
						<div class="inputbox" id="accountBlock">
							<input type="text" name="acount" id="acount" required  lay-verify="required" placeholder="请输入账号" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-hide" id="emailBlock">
							<div class="margin20"></div>
							<div class="inputbox " >
								<input type="text" name="eamin" id="email"  placeholder="请输入邮箱" autocomplete="off" class="layui-input" >
							</div>
						</div>
						<div class="layui-hide" id="nameBlock">
							<div class="margin20"></div>
							<div class="inputbox ">
								<input type="text" name="name" id="name"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
							</div>
						</div>
					    <div class="margin20"></div>
						<div class="inputbox">
					    	<input type="password" name="password" id="pwd"  placeholder="请输入密码" autocomplete="off" class="layui-input">
						</div>
						<div class="layui-hide" id="veriCodeBlock">
						    <div class="margin20"></div>
							<div class="inputbox">
								<div class="layui-col-md6">
						    		<input type="text" name="veriCode" id="veriCode"  placeholder="请输入验证码" autocomplete="off" class="layui-input">
						    	</div>
						    	<div class="layui-col-md5 layui-col-md-offset1" style="margin-top:5px">
						    		<button class="layui-btn" id="getVeriCode" >获取验证码</button>
						    	</div>	
							</div>
						</div>
						<div class="margin20"></div>
					    <div class="inputbox info">
					    	<input type="checkbox" name="checkbox" lay-skin="primary" checked />
					    	我已阅读并同意<a href="javascript:;">用户协议</a>和<a href="javascript:;">隐私条款</a>
					    </div>
					    <div class="layui-row layui-col-space20 bts">
					    	<div class="layui-row layui-col-space20 bts" id="loginBtn">
						    	<div class="layui-col-md6">
						    		<button class="layui-btn" id="login" lay-submit lay-filter="formDemo">登陆</button>
						    	</div>
						    	<div class="layui-col-md6">
						    		<a href="javascript:;" id="toRegister" class="layui-btn layui-btn-normal" lay-filter="formDemo">点击注册</a>
						    	</div>
					    	</div>
					    	<div class="layui-col-md12 layui-hide" id="registerBtn">
					    		<a href="javascript:;" id="register" class="layui-btn layui-btn-normal" lay-filter="formDemo">注册</a>
					    	</div>
							<div class="layui-col-md12 layui-hide" id="toLogin">
								<a href="./login.html" class="layui-btn layui-btn-primary" >返回登录页</a>
							</div>
							<div class="layui-col-md12">
								<a href="./index.html" class="layui-btn layui-btn-primary" >返回首页</a>
							</div>
					    </div>
					</form>
				</div>
			</div>
		</div>
	</div>

</body>
<script src="./static/layui/layui.all.js"></script>
<script src="./static/js/login.js"></script>
</html>